<template>
	<view>
		<view class="lists">
			<view class="list" @click="router">
				<view class="left">
					<view class="image">
						<image class="img" :src="data.pic" mode=""></image>
					</view>
				</view>
				<view class="text">
					<view class="name">
						{{data.leaseType}}|{{data.houseType}}
						{{data.detailedAddress}} {{data.highlights}}
					</view>
					<!-- 标签 -->
					<view class="tag">
						<view class="">
							{{data.label}}
						</view>
						<view class="">
							{{data.city}}·{{data.area}} {{data.brief}}
						</view>
					</view>
					<view class="price">
						￥{{data.price}}
						<text class="love" :class="loveShow?'mix-icon icon-shoucang span':'mix-icon icon-shoucang-1'" ></text>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name: "houseList",
		props:{
			date:""
		},
		data() {
			return {
				data:'',
				item: '',
				loveShow:false
			};
		},
		props: {
			infoData: {
				type: Object,
				default(){
					return {
						
					}
				}
			},
			value:{
				type: Boolean
			},
			data:{
				type: Object,
			}
			
		},
		created() {
			console.log(this,'1')
			this.aa()
		},
		methods:{
			aa(){
				console.log(this.$attrs.recommend.data.records[0],'传值')
				this.data = this.$attrs.recommend.data.records[0]
				console.log(this.data,'传值')
			},
			router() {
				console.log(1)
				uni.navigateTo({
					url:'../../Estate/Housing/Housing'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.lists {

		.list {
			display: flex;
			padding-bottom: 20rpx;
			.left {
				width: 40%;
				height: 200rpx;

				.image {
					width: 240rpx;
					height: 200rpx;
				}
			}
			.text {
				width: 60%;

				.name {
					margin: 5rpx;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-size: 26rpx;
				}

				.tag {
					display: flex;
					height: 50rpx;
					flex-wrap: wrap;
					color: #999;
					font-size: 22rpx;				}
				.price{
					color: #E63308;
					display: flex;
					margin-top: 10rpx;
					justify-content: space-between;
					
					.love{
						margin-right: 40rpx;
						color: #999;
					}
				}
				.span{
					color: #E63308 !important;
				}
			}
		}
	}
</style>
